﻿<!DOCTYPE html>
<html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>test</title>

</head>
<body>
<div id="app" >
    <!--插值表达式是 就是在视图位置 插入 数据的值 (根据键找值)-->
    <!--插值表达式 可以支持数学和逻辑运算-->
    {{1+1}} <br/> {{1==1?true:false}}
    <br>
    <!--插值表达式可以支持js内置函数-->
    {{new Date()}}
    <br>
    <!--获取数据模型中数据-->
    {{name}}
    {{add()}}
</div>

<script src="../js/vue.js"></script>
<!--js  vue 数据模型层 -->
<script>
    var vue = new Vue({
        el:"#app",
        data:{
            name:"鞠婧祎"
        },
        methods:{
            add:function(){
                return "加法";
            }
        }
    })

</script>
</body>
</html> 